@color1: rgb(0, 175, 206);
@color2: rgba(0, 175, 206, 0.6);

.grid {
  border: 1px solid #ddd;
}

.sub_title {
  color: #888;
  font-size: .28rem;
  padding: 30px 0 18px 0;
}

:global {
  .qez-grid {
    background-color: white;
    padding-top: 0.2rem;
    .am-grid-text {
      font-size: 0.25rem !important;
    }
    .am-flexbox-item {
      margin-bottom: 0.1rem;
    }

  }
  .school-list {
    .am-list-body {
      display: flex;
      overflow: hidden;
      .am-list-item {
        flex: 1;
      }
    }
    .am-list-body div:not(:last-child) .am-list-line:after {
      border-bottom: 0
    }
  }

  .loginForm {
    ::-webkit-input-placeholder {
      color: white !important;
    }
    .am-input-item {
      background-color: #83CEE1;
      margin: 40px 60px;
      border-radius: 40px;
    }
    .am-button {
      background-color: white;
      margin: 50px 60px;
      border-radius: 40px;
    }
  }

  /*  .am-list-body{
      border:none;
    }*/
}

.classT2 {
  margin-bottom: 0.1rem;

}

.classT3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.classColor {
  color: rgb(0, 175, 206);
}

.classNum {
  margin-right: 0.2rem;
}

.center {
  margin-top: 0.1rem;
  color: rgb(0, 175, 206);
  text-align: center;
}

.exam {
  display: flex;
  padding: 0.3rem 0.2rem;
  background-color: white;

  .img {
    width: 2rem;
    margin-right: 0.4rem;

    img {
      width: 100%;
    }
  }

  .title {
    font-size: 0.4rem;
    font-weight: bold;
    margin-top: 0.2rem;
    margin-bottom: 0.25rem;
  }

  .btn {
    border: 1px solid @color1;
    border-radius: 0.3rem 0.3rem;
    color: @color1;

    padding: 0 0.3rem;
    line-height: 1.9em;
    display: inline-block;
  }

  .practice {
    .btn;
    margin-right: 0.3rem;
    &:active {
      background-color: @color2;
    }
  }

  .simulation {
    .btn;
    &:active {
      background-color: @color2;
    }
  }

}
